<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title><?=(isset ( $title ) ? Html::chars ( $title ) : '')?></title>
		<link rel="icon" href="favicon.ico" type="image/x-icon" />
		<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
		<meta name="keywords" content="<?=(isset ( $keywords ) ? $keywords : '')?>" />
		<meta name="description" content="<?=(isset ( $description ) ? $description : '')?>" />
		<meta name="robots" content="index, follow" />
		<?php
		if (isset ( $meta ))
			foreach ( $meta as $i ) {
				echo '<meta' . Html::attributes ( $i ) . ' />' . "\n";
			}
		?>
		<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
		<link href="/styles/style.css" rel="stylesheet" type="text/css" />
		<link href="/styles/website.css" rel="stylesheet" type="text/css" />
		<?php
		if (isset ( $link ))
			foreach ( $link as $i ) {
				echo '<link' . Html::attributes ( $i ) . ' />' . "\n";
			}
		?>
		<script type="text/javascript" src="/scripts/jquery/jquery.js"></script>
		<script type="text/javascript" src="/scripts/jquery/png-fix.js"></script>
		<script type="text/javascript">
			$(function() {
				$('body').supersleight();
				$.each($("img.menu"), function(index, value) {
					$("<img />").attr("src", ($(this).attr("src").match(/[^\.]+/) + "Active.png"));
				});
				$("img.menu").hover(function() {
					if(typeof document.body.style.maxHeight !== "undefined") {
						var src = $(this).attr("src").match(/[^\.]+/) + "Active.png";
						$(this).attr("src", src);
					}
				}, function() {
					if(typeof document.body.style.maxHeight !== "undefined") {
						var src = $(this).attr("src").replace("Active", "");
						$(this).attr("src", src);
					}
				});
			});
		</script>
		<?php
		/*
<script type="text/javascript" src="/scripts/swfobject.js"></script>
<script type="text/javascript">
swfobject.embedSWF("/flash/preloader.swf", "flashcontent", "100%", "100%", "9.0.0");
</script>
		*/
		?>
		<?
		if (isset ( $scripts ))
			foreach ( $scripts as $script ) :
				?>
		<script type="text/javascript" src="<?=Url::site ( $script )?>"></script>
			<?
			endforeach
			?>
	</head>
	<body>
		<p style="height: 20px;">&nbsp;</p>
		<table class="container">
			<tr>
				<td width="106">&nbsp;</td>
				<td  width="115" style="padding-top: 10px; padding-left:15px;">
					<a href="/home/">
						<img src="/images/menu/home.png" width="67" height="66" alt="Home Page" class="menu" />
					</a>
				</td>
				<td width="92" style="padding-left:5px;">&nbsp;</td>
				<td width="143" style="padding-left:25px;">
					<a href="/spaces/">
						<img src="/images/menu/spaces.png" width="118" height="74" alt="Commercial Spaces Available" class="menu" />
					</a>
				</td>
				<td width="244">&nbsp;</td>
			</tr>
			<tr>
				<td style="padding-left:5px; padding-top: 50px;">
					<a href="/information/">
						<img src="/images/menu/community.png" width="103" height="71" alt="Community Information and Map" class="menu" />
					</a>
				</td>
				<td style="padding-top:15px; padding-left: 15px;width: 102px;">
					<a href="/business/">
						<img src="/images/menu/business.png" width="102" height="61" alt="Business Directory" class="menu" />
					</a>
				</td>
				<td style="padding-top:60px; padding-left:10px;">
					<a href="/calendar/">
						<img src="/images/menu/calendar.png" width="94" height="58" alt="Chamber Calendar" class="menu" />
					</a>
				</td>
				<td colspan="2" style="padding-left:140px; padding-top: 30px;">
					<a href="/resources/">
						<img src="/images/menu/resources.png" width="210" height="59" alt="Business Resources" class="menu" />
					</a>
				</td>
			</tr>
			<tr>
				<td height="122">&nbsp;</td>
				<td colspan="2" style="padding-left:15px; padding-top:55px;">
					<a href="/marketing/">
						<img src="/images/menu/marketing.png" width="140" height="58" alt="Marketing Opportunities" class="menu" />
					</a>
				</td>
				<td>
					<a href="/">
						<img src="/images/logo.png" class="logo" width="262" height="262" alt="Home Page" />
					</a>
				</td>
				<td style="padding-left: 115px; padding-top: 20px;">
					<a href="/about/">
						<img src="/images/menu/about.png" width="74" height="66" alt="About Us" class="menu" />
					</a>
				</td>
			</tr>
			<tr>
				<td colspan="2" style="padding-left:70px; padding-top:30px;">
					<a href="/membership/">
						<img src="/images/menu/membership.png" width="117" height="76" alt="WTCC Membership Application" class="menu" />
					</a>
				</td>
				<td>&nbsp;</td>
				<td>&nbsp;</td>
				<td style="padding-top:10px;">
					<a href="/events/">
						<img src="/images/menu/events.png" width="191" height="62" alt="Special Events and Street Festivals" class="menu" />
					</a><br />
				  <p style="padding-top: 15px; float:right; padding-right: 90px;"><a href="http://www.ekietech.com/" title="Ukietech Chicago">
						<img src="/images/main/ukietechLogo.png" width="71" height="35" alt="Ukietech Chicago" />
					</a></p>
				</td>
			</tr>
		</table>
	</body>
</html>